<div style="margin-bottom:8px" ng-class="isunfold?'ptree-collapsed-back':'ptree-sidebar-collapsed'">
    <a class="fold-icon" ng-click="isunfoldfun()">
        <i class="material-icons ng-scope">keyboard_arrow_right</i>
    </a>
    <!--<img class="fold-icon" src="../../../content/images/fold-right.png" height="26" width="26"-->
         <!--ng-click="isunfoldfun()"/>-->
</div>
<style>
    .fold-icon .material-icons {
        transform: rotate(0deg);
        transition: all 300ms ease-in-out;
        background-color: #d46243;
        border-radius: 4px;
    }
    .fold-icon>i{
        color: #fff;
        font-size: 22px;
        border-radius: 4px;
        padding: 2px;
    }
    /*.fold-icon {*/
        /*border: 1px solid #ddd;*/
        /*border-radius: 3px;*/
        /*cursor: pointer;*/
    /*}*/

    .ptree-collapsed-back .fold-icon .material-icons {
        transform: rotate(180deg);
        transition: all 300ms ease-in-out;
    }

    .ptree-sidebar-collapsed .fold-icon .material-icons {
        transform: rotate(0deg);
        transition: all 300ms ease-in-out;
    }
</style>